<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用户信息新增</title>
	{{include '../shared/_common_top'}}
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="panel panel-info">
			<div class="panel-heading">
				<h3 class="panel-title">用户信息新增</h3>
			</div>
			<div class="panel-body">
				<form method="post" action="/admin/users/create" class="form-horizontal" role="form">
				  <div class="form-group">
				    <label class="col-sm-2 control-label">姓名</label>
				    <div class="col-sm-10">
				    <!-- 在html5中 通过设置属性required实现必填 -->
				      <input type="text" required class="form-control" name="name" placeholder="请输入姓名">
				    </div>
				  </div>
				  <div class="form-group">
				  	<label class="col-sm-2 control-label">手机号</label>
				  	<div class="col-sm-10">
				  		<input type="text" required class="form-control" name="mobile" placeholder="请输入手机号">
				  	</div>
				  </div>
				  <div class="form-group">
				  	<label class="col-sm-2 control-label">密码</label>
				  	<div class="col-sm-10">
				  		<input type="password" required class="form-control" name="pwd" placeholder="请输入密码">
				  	</div>
				  </div>
				  <div class="form-group">
				  	<label class="col-sm-2 control-label">邮箱</label>
					<div class="col-sm-10">
						<input type="number" name="email" class="form-control" placeholder="请输入邮箱">
					</div>
				  </div>
				  <div class="form-group">
				  	<label class="col-sm-2 control-label">地址</label>
					<div class="col-sm-10">
						<input type="number" name="address" class="form-control" placeholder="请输入地址">
					</div>
				  </div>
				  <div class="form-group">
				    <div class="col-sm-offset-2 col-sm-10">
				    <!-- type="submit" 的按钮点击之后会自动触发表单的提交事件 -->
				      <button type="submit" class="btn btn-primary btn-block">保存</button>
				    </div>
				  </div>
				</form>
			</div>
		</div>
	</div>
	{{include '../shared/_common_bottom'}}
	<script type="text/javascript">
		$('.panel-body form').validate({
			rules:{
				mobile:{
					isMobile:true //使用手机号码验证规则
				}
			},
			messages:{
				mobile:{
					isMobile:"手机号码格式错误"
				}
			}
		})
	</script>
</body>
</html>